
.back-html{
    background: linear-gradient(90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1));
    padding-bottom: 50px;
}

.back-body {
    animation: card_fadenum 0.8s;
}

.el-card{
    background: #fff !important;
    color: #4c4948;
    border-radius: 8px;
    box-shadow: 0 4px 8px 6px rgba(7, 17, 27, 0.06);
    transition: all 0.3s;
}

.el-card:hover{
    -webkit-box-shadow: #666 0 0 20px;
    -moz-box-shadow: #666 0 0 20px;
    box-shadow: #666 0 0 20px;
}

.el-card__body{
    padding: 0;
}

.common-card {
    animation: main 1s;
    max-width: 970px;
    padding: 50px 40px;
    margin: 50px auto auto auto;
    border-radius: 12px 8px 8px 12px;
}

.banner {
    margin-top: -60px;
    width: 100%;
    height: 500px;
    animation: banner_fadenum 0.8s;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(http://img.linzhongyue.cn/323888.jpg);
}

.banner-title {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
    line-height: 500px;
    color: #eee;
}

@keyframes banner_fadenum {
    0% {
        transform: translateY(-250px);
    }
}

@keyframes card_fadenum {
    0% {
        transform: translateY(100px);
    }
}
